/* 左右布局通用css */
.currency-box {
  display: flex;
  flex: 1;
  
  // padding: 0.5rem 1rem;
  font-size: 0.875rem;
  overflow: hidden;

  .left {
    flex: 1;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    width: 0;
    background-color: #ffffff;
    padding: 0.5rem 1rem;
    box-shadow: 0px 0px 5px #bdbfc0;
    border-radius: 5px;
    header {
      display: flex;
      align-items: center;
      padding-bottom: 0.625rem;
      margin-bottom: 0.625rem;
      border-bottom: 2px solid #f0f2f5;

      .search {
        flex: 1;
      }

      .icon {
        margin-left: 1.25rem;
      }
    }

    section {
      flex: 1;

      overflow-y: auto;

      .section-box {
        display: flex;
        padding: 0.9375rem 0.325rem;
        align-items: flex-start;

        cursor: pointer;

        .section-box-tip {
          flex: 2;
        }

        .section-box-info {
          flex: 10;
          .dimension-text{
            color: #7a93ff;
          }
        }
      }

      .section-active {
        background-color: #dcf0ef;
        border-radius: 5px;
      }
    }
  }

  .right {
    flex: 4.5;
    margin-left: 10px;
    background-color: #ffffff;
    padding: 0.5rem 1rem;
    box-shadow: 0px 0px 5px #bdbfc0;
    border-radius: 5px;
  }
}

ul {
  list-style: none;
  margin: 0 !important;
  padding: 0;
}